!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t(require("react")):"function"==typeof define&&define.amd?define("rb_wixui.thunderbolt[TextAreaInput]",["react"],t):"object"==typeof exports?exports["rb_wixui.thunderbolt[TextAreaInput]"]=t(require("react")):e["rb_wixui.thunderbolt[TextAreaInput]"]=t(e.React)}("undefined"!=typeof self?self:this,(function(e){return function(){var t={5329:function(t){"use strict";t.exports=e},448:function(e){function t(){return e.exports=t=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)({}).hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},e.exports.__esModule=!0,e.exports.default=e.exports,t.apply(null,arguments)}e.exports=t,e.exports.__esModule=!0,e.exports.default=e.exports}},r={};function n(e){var o=r[e];if(void 0!==o)return o.exports;var a=r[e]={exports:{}};return t[e](a,a.exports,n),a.exports}n.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return n.d(t,{a:t}),t},n.d=function(e,t){for(var r in t)n.o(t,r)&&!n.o(e,r)&&Object.defineProperty(e,r,{enumerable:!0,get:t[r]})},n.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},n.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var o={};return function(){"use strict";n.r(o),n.d(o,{components:function(){return j}});var e=n(448),t=n.n(e),r=n(5329);function a(e){var t,r,n="";if("string"==typeof e||"number"==typeof e)n+=e;else if("object"==typeof e)if(Array.isArray(e))for(t=0;t<e.length;t++)e[t]&&(r=a(e[t]))&&(n&&(n+=" "),n+=r);else for(t in e)e[t]&&(n&&(n+=" "),n+=t);return n}var i=function(){for(var e,t,r=0,n="";r<arguments.length;)(e=arguments[r++])&&(t=a(e))&&(n&&(n+=" "),n+=t);return n};const s="wixui-",l=(e,...t)=>{const r=[];return e&&r.push(`${s}${e}`),t.forEach((e=>{e&&(r.push(`${s}${e}`),r.push(e))})),r.join(" ")};const u=13,c=27;function d(e){return t=>{t.keyCode===e&&(t.preventDefault(),t.stopPropagation(),t.currentTarget.click())}}d(32),d(u),d(c);const p=["aria-id","aria-metadata","aria-type"],f=({role:e,tabIndex:t,tabindex:r,...n}={})=>{const o=Object.entries(n).reduce(((e,[t,r])=>({...e,[`aria-${t}`.toLowerCase()]:r})),{role:e,tabIndex:t??r});return Object.keys(o).forEach((e=>{void 0!==o[e]&&null!==o[e]||delete o[e]})),a=o,i=p,Object.entries(a).reduce(((e,[t,r])=>(i.includes(t)||(e[t]=r),e)),{});var a,i};var v={root:"text-box",label:"text-box__label",input:"text-box__input"};const x=({size:e,...t})=>r.createElement("svg",{viewBox:"0 0 20 20",fill:"currentColor",width:e||"20",height:e||"20",...t},r.createElement("path",{fillRule:"evenodd",d:"M9.5,3 C13.084,3 16,5.916 16,9.5 C16,13.084 13.084,16 9.5,16 C5.916,16 3,13.084 3,9.5 C3,5.916 5.916,3 9.5,3 Z M9.5,4 C6.467,4 4,6.467 4,9.5 C4,12.533 6.467,15 9.5,15 C12.533,15 15,12.533 15,9.5 C15,6.467 12.533,4 9.5,4 Z M10,11 L10,12 L9,12 L9,11 L10,11 Z M10,7 L10,10 L9,10 L9,7 L10,7 Z"}));x.displayName="ErrorSmall";var b=x,m="TLWrjM",y="GIPQqH",h="JNgJbf";const g=e=>{let{errorMessage:t,errorMessageType:n,shouldShowValidityIndication:o,translations:a,dataHook:i,componentViewMode:s}=e;const l="editor"===s?(null==a?void 0:a.errorMessage)||"Error text displays here.":t;return"inline"===n&&o&&l?r.createElement("div",{"data-hook":i||"inline-error-message",className:m},r.createElement(b,{className:y}),r.createElement("span",{className:h},l)):null};var C={TextAreaDefaultSkin:"snt4Te",textAreaDefaultSkin:"snt4Te",textarea:"rEindN","validation-indication":"pOExcs",validationIndication:"pOExcs",label:"PSkPrR",hasLabel:"oKe0Po","required-indication":"NyPO4H",requiredIndication:"NyPO4H",ResponsiveTextAreaDefaultSkin:"lk9PkF",responsiveTextAreaDefaultSkin:"lk9PkF"};const M=()=>{},w=(e,n)=>{var o;const{skin:a,id:s,className:u,customClassNames:c=[],value:d="",label:p,placeholder:x,readOnly:b,required:m,isDisabled:y,maxLength:h,isResponsive:w,shouldShowValidityIndication:k,isValid:E,errorMessageType:S="tooltip",validateValue:I=M,onValueChange:O=M,setValidityIndication:P=M,onBlur:T=M,onFocus:j=M,onKeyPress:L=M,onInput:_=M,onChange:V=M,onClick:A=M,onDblClick:N=M,onMouseEnter:R=M,onMouseLeave:D=M,ariaAttributes:q,componentViewMode:$,translations:F}=e,[H,Z]=r.useState(),B=r.useRef(null),[K,J]=r.useState(!0);r.useImperativeHandle(n,(()=>({focus:()=>{var e;null==(e=B.current)||e.focus()},blur:()=>{var e;null==(e=B.current)||e.blur()},setCustomValidity:e=>{var t;"message"===e.type&&(null==(t=B.current)||t.setCustomValidity(e.message))}})));const U=()=>{K&&J(!1)},W=e=>{Z(!0),O(e),I(),P(!1)};r.useEffect((()=>{W(d)}),[]);const z=!!p,G=i(C[a],u,l(v.root,...c),{[C.hasLabel]:z,[C.requiredIndication]:m,[C.validationIndication]:!!k});return r.createElement("div",t()({id:s},(e=>Object.entries(e).reduce(((e,[t,r])=>(t.includes("data-")&&(e[t]=r),e)),{}))(e),{className:G,onClick:e=>{y||A(e)},onDoubleClick:e=>{y||N(e)},onMouseEnter:e=>{y||R(e)},onMouseLeave:e=>{y||D(e)}}),r.createElement("label",{htmlFor:"textarea_"+s,className:i(C.label,l(v.label))},p),r.createElement("textarea",t()({ref:B,id:"textarea_"+s,className:i(C.textarea,"has-custom-focus",l(v.input)),rows:w?1:void 0,value:d,onFocus:j,onKeyDown:L,onChange:e=>{U(),W(e.currentTarget.value),e.type="input",_(e)},onBlur:e=>{P(!0),U(),T(e),H&&V({...e,type:"change"}),Z(!1)},placeholder:x,readOnly:b,required:m,"aria-required":m,"aria-invalid":!E&&void 0!==E||!K&&!(null!=(Q=B.current)&&Q.validity.valid),maxLength:null===h?void 0:h,disabled:y},f(q))),r.createElement(g,{errorMessageType:S,errorMessage:null==(o=B.current)?void 0:o.validationMessage,shouldShowValidityIndication:k,translations:F,componentViewMode:$}));var Q};var k=r.forwardRef(w);const E=(e,n)=>r.createElement(k,t()({isResponsive:!1,ref:n},e));const S=(e,n)=>r.createElement(k,t()({isResponsive:!0,ref:n},e));const I={TextAreaDefaultSkin:r.forwardRef(E),ResponsiveTextAreaDefaultSkin:r.forwardRef(S)},O=(e,n)=>{const{skin:o}=e,a=I[o];return r.createElement(a,t()({ref:n},e))};const P=e=>e.replace(/([A-Z])/g,(e=>`-${e.toLowerCase()}`));var T;const j={TextAreaInput:{component:r.forwardRef(O),controller:(T=e=>{let{mapperProps:t,controllerUtils:r}=e;return{...t,...(n=r.updateProps,{onValueChange:e=>{n({value:e})},setValidityIndication:e=>{n({shouldShowValidityIndication:e})}})};var n},{useComponentProps:(e,t,r)=>{const n=(e=>({...e,updateStyles:t=>{const r=Object.entries(t).reduce(((e,[t,r])=>{return{...e,[(n=t,n.startsWith("--")?t:P(t))]:void 0===r?null:r};var n}),{});e.updateStyles(r)}}))(r);return T({mapperProps:e,stateValues:t,controllerUtils:n})}})}}}(),o}()}));
//# sourceMappingURL=https://static.parastorage.com/services/editor-elements-library/dist/thunderbolt/rb_wixui.thunderbolt[TextAreaInput].29709846.bundle.min.js.map